<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<style>
			#d1 {
				transition: all 1.4s;
			}
		</style>
		<input type="button" value="放大" onclick="fangda()" />
		<input type="button" value="旋转" onclick="xuanzhuan()" />
		<input type="button" value="换一张" onclick="huanren()" />
		<img src="yusan.jpg" id="d1" width="300" />
		<script>
			var dushu = 0;
			var fangda = function() {
				d1.width = d1.width * 1.1;
			};
			var xuanzhuan = function() {
				dushu = 360 + dushu;
				d1.style.transform = "rotate(" + dushu + "deg)";
			};
			var huanren = function() {
				d1.src ="lanqun.jpg";
			};
		</script>
	</body>

</html>